<template>
  <div class="container">
    我是根组件
    <div>--{{ number }}--</div>
    <h4><button @click="btn">点击我加1</button></h4>
  </div>
</template>
<script>
import { ref } from 'vue'
export default {
  name: 'App',
  setup(){
    // 基础创建和应用
    // // 通过引入式创建响应数据
    // const number = ref(0)
    // // 以前这个处理函数是要在methods中处理的，现在是直接在这里处理
    // const btn = ()=>{
    //   // 以前是通过this点出来，现在是value
    //   number.value++
    // }
    // // 不管是函数还是数据都要return出来
    // return { number,btn }

    // 声明周期应用
    
  }
}
</script>